.hero {
  height: 640px;
  position: relative;

  :global {
    .bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      background: url('https://img.alicdn.com/imgextra/i4/O1CN01Ri0dNS26K5UcRKrrU_!!6000000007642-2-tps-280-1400.png') repeat-x;
      background-position: 0 -40px;
      background-size: 140px 700px;
      height: 640px;
      z-index: 1;
    }
    .wrapper {
      position: relative;
      max-width: 1200px;
      margin: 0 auto;
      display: flex;
      z-index: 2;
      .left {
        flex: 1;
        padding-top: 130px;
        padding-left: 90px;
        .bigLogo {
          width: 460px;
          height: 213px;
          background: url('https://img.alicdn.com/imgextra/i4/O1CN01Gk5nSa1nkDO5AjXlN_!!6000000005127-2-tps-920-426.png') no-repeat;
          background-size: 460px 213px;
        }

        .actions {
          margin-top: 87px;
          display: flex;
          .button {
            background-image: linear-gradient(
              224deg,
              #0071da 0%,
              #1890ff 100%,
              #1890ff 100%
            );
            width: 180px;
            height: 54px;
            line-height: 54px;
            text-align: center;
            color: #fff;
            font-size: 22px;
            margin-left: 27px;
          }
          .button:hover {
            background-image: linear-gradient(
              224deg,
              #48a4fe 0%,
              #6fbafe 100%,
              #8dc9ff 100%
            );
          }
          .githubStar {
            display: flex;
            font-size: 18px;
            color: #4a5e71;
            margin-left: 40px;
            line-height: 54px;
            /*padding-left: 28px;*/
            /*background: url() no-repeat 0 center;*/
            /*background-size: 24px 24px;*/
          }
          .githubStar:before {
            background: url('') no-repeat 0 center;
            background-size: 24px 24px;
            width: 24px;
            height: 54px;
            display: inline-block;
            content: '';
            margin-right: 6px;
          }
        }
        .actions a {
          text-decoration: none;
        }
      }
      .right {
        width: 460px;
        padding-top: 90px;
        margin-right: 40px;
        .bigSlogan1 {
          background: url('https://img.alicdn.com/imgextra/i4/O1CN01AYMMmi1d4P4hiTpYK_!!6000000003682-2-tps-468-152.png') no-repeat;
          width: 234px;
          height: 76px;
          background-size: 234px 76px;
          margin: 0 auto 6px;
        }

        .bigSlogan2 {
          background: url('https://img.alicdn.com/imgextra/i4/O1CN011JiaU21wvVhMqXI4G_!!6000000006370-2-tps-700-116.png') no-repeat;
          width: 350px;
          height: 58px;
          background-size: 350px 58px;
          margin: 0 auto 14px;
        }

        .slogan {
          font-size: 25px;
          color: #708293;
          text-align: center;
          width: 460px;
        }
        .slogan strong {
          color: #0273dc;
          font-weight: normal;
        }
        .bow {
          background: url('https://img.alicdn.com/imgextra/i3/O1CN01L7phqd1ud4WehHiRc_!!6000000006059-2-tps-760-386.png') no-repeat;
          width: 380px;
          height: 193px;
          background-size: 380px 193px;
          margin: 8px auto 0;
        }
      }
    }
  }
}
